<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form id="form">
  	<h3>
    	<h:outputText value = "#{sujetoEmpresaPack.titulo}"/>
	</h3>
	<p:separator/>
  	<p:panel>
  		<h:outputText value = "Sucursal Seleccionada"/>
  		<p:separator/>
  		<h:panelGrid columns = "2">
  			<h:outputText value="Apellido y Nombre: "/>
  			<h:outputText value = "#{sujetoEmpresaPack.sucursal.apellido}, #{sujetoEmpresaProducto.sucursal.nombre}"/>
  			
  			<h:outputText value="Apodo/Alias: "/>
  			<h:outputText value = "#{sujetoEmpresaPack.sucursal.alias}"/>
  			
  			<h:outputText value="Direccion:"/>
  			<h:outputText value = "#{sujetoEmpresaPack.sucursal.domicilioCompleto}"/>
  			
  			<h:outputText value ="Reparto:"></h:outputText>
  			<h:outputText value ="Reparto:"></h:outputText>
  			
  			<h:outputText value ="Dia de Visita:"></h:outputText>
  			<h:outputText value ="Reparto:"></h:outputText>
  		</h:panelGrid>
  		
  	</p:panel>
  	<br></br>
  	<h:outputText value = "Seleccionar Pack"/>
  	<p:separator/>
  	<p:panel>
	  	<h:outputText value = "Pack asignado antes"/>
	  	<p:separator/>
  		<h:panelGrid columns="4">
			 
  		</h:panelGrid>
  	</p:panel>
  	<p:panel header = "Packs Disponibles" >
  		<p:panel rendered = "#{sujetoEmpresaPack.mostrarComercializacionVieja}">
  			<h:outputText value="Packs Anterior: *"/>
			<h:outputText value="#{sujetoEmpresaPack.comercializacionPackOld.pack.nombre}"/>
			
			<h:outputText value="Cantidad: *"/>
			<h:outputText value="#{sujetoEmpresaPack.comercializacionPackOld.cantidadPack}"/>
			
  		</p:panel>
		<h:panelGrid columns="4">
			<h:outputText value="Packs: *"/>
			<p:selectOneMenu value="#{sujetoEmpresaPack.comercializacionPackNew.pack.packId}" label="Packs" width="59%">
	            <f:selectItem itemLabel="Seleccione un Pack..." itemValue="" />  
	            <f:selectItems value="#{selectOneMany.getPacks()}" var="p" 
					itemLabel="#{p.nombre}" 
					itemValue="#{p.packId}">
				</f:selectItems>  
	        </p:selectOneMenu>
			<h:outputText value="Cantidad de Packs: *"/>
			<p:inputText value="#{sujetoEmpresaPack.comercializacionPackNew.cantidadPack}" label="Nombre"/>
			
			<h:outputText value ="Fecha de Expiracion:"/>
			<h:outputText value ="No Definida"/>
		</h:panelGrid>
	</p:panel>
  	<br/>
  	
  	<p:tabView id="tab">
		<p:tab title="Frio Calor Disponibles">
			<p:dataTable id="tblEquiposFrioCalor" value="#{sujetoEmpresaPack.equiposFrioCalorDisponibles}"
				var="fc" paginator="true" rows="10" rowKey="#{fc.frioCalorId}" selectionMode="single"
				selection="#{sujetoEmpresaPack.selectedFrioCalor}" filteredValue="#{sujetoEmpresaPack.frioCalorFilter}"
				emptyMessage="No hay equipos Frio Calor disponibles para asignar.">  			
		 			
		 		<f:facet name="header">Seleccione los equipos de Frio Calor para asignar al Pack</f:facet>
				
				<p:ajax event="rowSelect" oncomplete="fcDialog.show()" update=":form:tab:display"/>
		                 			 						
				<p:column sortBy="#{fc.numeroDeSerie}" filterBy="#{fc.numeroDeSerie}">
					<f:facet name="header">Serie Nº</f:facet>
					#{fc.numeroDeSerie}
				</p:column>
		
				<p:column sortBy="#{fc.marca}" filterBy="#{fc.marca}">
					<f:facet name="header">Marca</f:facet>
					#{fc.marca}
				</p:column >
				
				<p:column sortBy="#{fc.modelo}" filterBy="#{fc.modelo}">
					<f:facet name="header">Modelo</f:facet>
					#{fc.modelo}
				</p:column>
			</p:dataTable>
			<p:dialog header="Detalles del Frio Calor Seleccionado" widgetVar="fcDialog" resizable="false" id="fcDlg"  
		              showEffect="fade" hideEffect="explode" modal="true">  
		 
		       <h:panelGrid id="display" columns = "2">  
		 
		           <h:outputText value="Numero de Serie:" />  
		           <h:outputText value="#{sujetoEmpresaPack.selectedFrioCalor.numeroDeSerie}" style="font-weight:bold"/>  
		 
		           <h:outputText value="Marca:" />  
		           <h:outputText value="#{sujetoEmpresaPack.selectedFrioCalor.marca}" style="font-weight:bold"/>  
		
		           <h:outputText value="Modelo:" />  
		           <h:outputText value="#{sujetoEmpresaPack.selectedFrioCalor.modelo}" style="font-weight:bold"/>
		           
		           <h:outputText value="Ubicacion:" />
		           <p:inputTextarea rows="2" cols="50" counter="counterUbicacion" maxlength="50"       
		 						counterTemplate="{0} caracteres restante." value = "#{sujetoEmpresaPack.ubicacionFrioCalor}"/>
		 				   <h:outputText />
		 				   <h:outputText id="counterUbicacion" />
		       </h:panelGrid>
		       <p:separator/>
		       <p:panel style="text-align: center">
		       	<p:commandButton value="Asignar" actionListener="#{sujetoEmpresaPack.asignarFrioCalorSucursal(sujetoEmpresaPack.selectedFrioCalor)}" 
		       		update = "tblEquiposFrioCalorAsignados,tblEquiposFrioCalor" oncomplete="fcDialog.hide()"/>
			   		
			   	<p:commandButton value ="Cancelar"></p:commandButton> 		 		
		       </p:panel> 
			   
		   </p:dialog>
				
		</p:tab>
		<p:tab title="Frio Calor Asignados">		   
		   <p:dataTable id="tblEquiposFrioCalorAsignados" value="#{sujetoEmpresaPack.equiposAsignados}"
				var="sucursalFrioCalor" emptyMessage="Sin Equipos Frio Calor asignado.">  			
		 			
		 		<f:facet name="header">Equipos Frio Calor Asignados</f:facet>
		                 			 						
				<p:column>
					<f:facet name="header">Serie Nº</f:facet>
					#{sucursalFrioCalor.frioCalor.numeroDeSerie}
				</p:column>
		
				<p:column>
					<f:facet name="header">Marca</f:facet>
					#{sucursalFrioCalor.frioCalor.marca}
				</p:column>
				
				<p:column>
					<f:facet name="header">Modelo</f:facet>
					#{sucursalFrioCalor.frioCalor.modelo}
				</p:column>
				
				<p:column>
					<f:facet name="header">Ubicacion</f:facet>
					#{sucursalFrioCalor.ubicacion}
				</p:column>
				<p:column>
					<h:commandButton actionListener="#{sujetoEmpresaPack.quitarFrioCarloSucursal(sucursalFrioCalor)}" 
					image="#{resource['images:cross-16-ns.png']}" title ="Quitar Frio Calor">
					</h:commandButton>
				</p:column>
			</p:dataTable>		
		</p:tab>
	</p:tabView>
  		
	<p:panel>
		<p:commandButton value="Guardar" action="#{sujetoEmpresaPack.actualizarComercializacionPack}" ajax = "false"
		title="Guardar Comercializacion Pack"/>
		<p:commandButton value ="Cancelar"></p:commandButton>
	</p:panel>
  </h:form>        	        	        	        
  </ui:define>
</ui:composition>
	
</h:body>
</html>